<!--
 * @Author: 瞿旺兴 18774621495@163.com
 * @Date: 2022-05-20 15:42:37
 * @LastEditors: 瞿旺兴 18774621495@163.com
 * @LastEditTime: 2022-06-08 17:37:41
 * @FilePath: \nien-vue3-admin\src\views\finance\receiverManame\reconciliationManagement\Receivable\staticsManage\amountPayable\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <custom-container :config="config" />
</template>

<script setup lang="ts">
import { reactive, computed } from 'vue'

const queryParams = reactive({
  pageSize: 10,
  pageNum: 1,
  customerName: undefined,
  serialNo: undefined,
  ywymc: undefined,
  endDate: undefined,
  sszd: undefined,
  zdzt: undefined,
  qd: undefined,
})
const config = computed({
  get() {
    return {
      query: {
        fields: [
          {
            label: '客户单号',
            prop: 'customerName',
          },
          {
            // type: 'select',
            label: '客户名称',
            prop: 'customerCode',
            // option: {
            //   dictInfo: { dict: DictDirection.客户 },
            // },
          },
          {
            label: '运输类型',
            prop: 'customerName',
          },
        ],
        queryParams,
        formOption: {},
      },
      btns: [],
      table: {
        columns: [
          { label: '客户名称', align: 'center', prop: 'endDate' },
          { label: '客户单号', align: 'center', prop: 'endDate' },
          { label: '实重', align: 'center', prop: 'customerCode' },
          { label: '材积重', align: 'center', prop: 'customerCode' },
          { label: '计费重', align: 'center', prop: 'customerCode' },
          { label: '应收金额', align: 'center', prop: 'customerCode' },
          { label: '已收金额', align: 'center', prop: 'customerCode' },
        ],
        event: {
        },
      },
      api: () => Promise.resolve({ code: 200, data: [{}] }),
    }
  },
  set(val) {
    return val
  },
})

</script>